@charset "utf-8";
* {
                margin: 0;
                padding: 0;
                list-style: none;
            }
            
            .lunbo_wrap {
                height: 600px!important;
                position: relative;
                /*border: 1px solid firebrick;*/
                overflow: hidden;
                width: 100%;
            }
            
            .pic_box {
                height: 100%;
                white-space: nowrap;
                font-size: 0;
                li {
                position: relative;
                display:inline-block;
                font-size: 30px;
                height:100%;
//              float: left;
                    img {
                        width: 100%;
                        display: block;
                        position: absolute;
                        }
                 &:first-of-type{
                    div{
                        position: absolute;
                        Color:#fff;
                        text-align: center;
                        left: 0;
                        right: 0;
                        top: 50%;
                        margin: auto;
                        h4{
                            font-size: 14px;
                            padding-bottom: 10px;
                        }
                        h2{
                            font-size: 40px;
                            letter-spacing: 3px;
                        }
                        >a{
                            display: inline-block;
                            border-radius: 20px;
                            font-size: 12px;
                            width: 124px;
                            height: 36px;
                            text-align: center;
                            line-height: 36px;
                            margin: 33px 12px;
//                          background: #FFFFFF;
                           &:nth-of-type(1){
                               border: 1px solid #FFFFFF;
                               background: transparent;
                               color: white;
                               &:hover{
                                   background: #FFFFFF;
                                   color: #000000;
                               }
                           }
                           &:nth-of-type(2){
                               background: #ffffff;
                               color: #000000;
                               
                              
                           }
                        }
                    }
                }
            }
        }    
           
            
            .pannel {
                position: absolute;
                left: 0;
                width: 100%;
                bottom: 1%;
                text-align: center;
            }
            
            .pannel li {
                display: inline-block;
                width: 9px;
                height: 9px;
                border-radius: 50%;
                background: rgb(183,183,183);
                margin-right: 4px;
            }
            
            #left_arrow,
            #right_arrow {
                cursor: pointer;
                position: absolute;
                top: 50%;
                margin-top: -18px;
                display: block;
                width: 24px;
                height: 36px;
                line-height: 36px;
                text-align: center;
                font-size: 14px;
                color: #FFFFFF;
                background: #000;
                opacity: .3;
            }
            
            #left_arrow:hover,
            #right_arrow:hover {
                opacity: .5;
            }
            
            #left_arrow {
                left: 0;
            }
            
            #right_arrow {
                right: 0;
            }
            
            .pannel .active {
                background: red;
                border-color: red;
            }